<script setup>
  import store from "../store/index.js";
  const updateTokenValue =()=>{
    // 调用 login.js 模块中的方法，更新状态数据
    store.dispatch('login/updateTokenValue', Math.random());
  }

  const updateTokenValue2 =()=>{
    // 调用 login.js 模块中的方法，更新状态数据
    store.commit('login/SET_TOKEN_VALUE', 'A——'+Math.random());
  }
</script>

<template>
  <div>
    <!--在这里直接使用 store 对象访问 getters 中定义的变量就可以了-->
    <p>tokenValue: {{ store.getters.token }}</p>
    <el-button @click="updateTokenValue" type="primary">使用actions更新tokenValue</el-button>
    <el-button @click="updateTokenValue2" type="primary">使用mutations更新tokenValue</el-button>
  </div>
</template>

<style scoped>

</style>